<template>
  <div>
    <h2>缺书申请书</h2>
    <div style="float:right;margin-right:50px;">
      <el-button type="text" @click="visible" title="申请">
        <i class="el-icon-circle-plus" style="font-size:30px;"></i>
      </el-button>
      <Lack :msg="msg" />
    </div>
    <br />
    <br />
    <br />
    <hr />
    <ul>
      <li v-for="i in 5" :key="i">
        
        <div style="text-align:left;float:left;width:100px;">
            <el-button type="text" @click="find" title="查看">
                sdfasadf
                <br/>dsfsdasadf
            </el-button>
        </div>
        
        <div style="float:right;margin-right:50px;">
          <label>2020-1-1</label>
          <el-row>
            <el-button type="text" @click="visible" title="修改">
              <i class="el-icon-edit"></i>
            </el-button>&nbsp;
            <el-button type="text" @click="del" title="删除">
              <i class="el-icon-delete"></i>
            </el-button>
          </el-row>
        </div>
        <br/><br/><br/>
        <hr />
      </li>
    </ul>
  </div>
</template>

<script>
import Lack from "@/views/user/lackBook.vue";

export default {
    name:"ApplyBook",
    data(){
      return{
        msg:['fa','we','jit']
      };
    },
    components:{
      Lack
    },
    methods:{
      visible(){
        this.$store.dispatch('visible',false)
      },
      find(){
        this.$store.dispatch('find',false)
      }
    }
};
</script>

<style>
</style>